<template>
  <div class="page">
    
  <mt-swipe :auto="4000">
    <mt-swipe-item>1</mt-swipe-item>
    <mt-swipe-item>2</mt-swipe-item>
    <mt-swipe-item>3</mt-swipe-item>
  </mt-swipe>

  </div>
</template>

<script>
import Vue from 'vue'
import { Swipe, SwipeItem } from 'mint-ui';

Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

 export default {
   data() {
     return {

     }

   },
   components: {

   }
 }
</script>

<style scoped>
.mint-swipe{
 height: 300px;
}
.mint-swipe-item {
  width: 100%;
  height: 300px;
  background: #5f0;
}


 
</style>
